<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蚂蚁集团招聘官网</title>
    <link rel="stylesheet" href="../css/Search_Page.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
</head>
<body>
    <div class="wrap">
        <header>
            <nav>
                <div class="header_nav_logo">
                    <div class="logo_img_container">
                        <img src="https://gw.alipayobjects.com/zos/bmw-prod/fae9a7a0-0800-4655-b8b5-af3150233bdf.svg" alt="">
                    </div>
                </div>
                <ul>
                    <li><a href="/Ant_Group/Index.html">主页</a></li>
                    <li><a href="/Ant_Group/html/Social_Recruitment.html">社会招聘</a></li>
                    <li><a href="/Ant_Group/html/Campus_Recruitment.html">校园招聘</a></li>
                    <li><a href="/Ant_Group/html/Living_In_Ants.html">生活在蚂蚁</a></li>
                    <li><a href="/Ant_Group/html/Personal_Center.html">个人中心</a></li>
                </ul>
                <div class="nav_login_container">
                    <a href="/Ant_Group/html/Personal_Center.html">登录</a>
                    <div class="header_swith_language">
                        <img src="https://gw.alipayobjects.com/zos/bmw-prod/2f8b523c-24c4-40d5-9097-57f77011cf5d.svg" alt="">
                    </div>
                </div>
            </nav>
        </header>
        <main>
            <!-- 轮播图 -->
            <div class="main_banner">
                <div class="swiper swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide"><img src="" alt=""></div> -->
                    </div>                 
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev">
                        <i class="iconfont icon-zuojiantou"></i>
                    </div>
                    <div class="swiper-button-next">
                        <i class="iconfont icon-youjiantou"></i>
                    </div>
                </div>
            </div>
            <!-- 主体搜索区块 -->
            <div class="main_search_block">
                <div class="search_bar">
                    <input type="text" class="searchInput" placeholder="请输入职位关键词">
                    <button class="searchBtn">搜索</button>
                </div>
                <div class="hot_search_info">
                    <p>热门搜索：</p>
                    <a href="#">技术</a>
                    <a href="#">运营</a>
                    <a href="#">产品</a\>
                    <a href="#">数据</a>
                    <a href="#">分析</a>
                </div>
            </div>
            <!-- 招聘信息区块 -->
            <div class="main_recruit_block">
                <!-- 左边筛选区块 -->
                <div class="left_screen_block">
                    <div class="screen_block_title">
                        <span>筛选</span>
                        <button class="clearBtn" disabled>清除</button>
                    </div>
                    <!-- 工作地点 -->
                    <div class="work_place">
                        <p>工作地点</p>
                        <p class="extend">
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-jian"></i>
                        </p>
                    </div>
                    <div class="citys_box">
                        <div class="work_city"> 
                            <ul>
                                <!-- <li><input type="checkbox"><a href="#">北京</a></li> -->
                            </ul>
                        </div>
                    </div>
                    <div class="more_citys">
                        <button class="more_citys_btn">
                            <span><i class="iconfont icon-jia"></i></span>
                            <span>更多</span>
                        </button>
                    </div>
                    <!-- 职位类别 -->
                    <div class="job_ategory">
                        <p>职位类别</p>
                        <p class="extend">
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-jian"></i>
                        </p>
                    </div>
                    <div class="job_ategory_select"> 
                        <ul>
                            <!-- <li>
                                <span>
                                    <i class="iconfont icon-sanjiaoyou"></i>
                                </span>
                                <label><input type="checkbox">北京</label>
                            </li> -->
                        </ul>
                    </div>
                </div>
                <!-- 右边职位区块 -->
                <div class="right_job_block">
                    <!-- 总标题 -->
                    <div class="job_block_title">
                        <span>职位</span>
                        <span class="job_sum">35</span>
                    </div>
                    <!-- 职位信息 -->
                    <div class="job_infoBox">
                        <!-- <div class="job_info_container">
                            <div class="job_block_info"> -->
                                <!-- 信息标题 -->
                                <!-- <div class="info_title">
                                    <a href="#">蚂蚁集团-深度学习/NLP算法工程师-北京</a>
                                    <div class="info_title_spanText">
                                        <span>2022-12-30</span><span>发布</span>
                                    </div>
                                </div> -->
                                <!-- 职位概述 -->
                                <!-- <div class="info_summary">
                                    <div class="info_summary_span">
                                        <span><i class="iconfont icon-dingwei"></i></span>
                                        <span>北京</span>
                                        <span>|</span>
                                        <span><i class="iconfont icon-briefcase"></i></span>
                                        <span>算法</span>
                                    </div>
                                    <button class="expand_btn open_btn">
                                        <span><i class="iconfont icon-sanjiaoxia"></i></span>
                                        <span>展开</span>
                                    </button>
                                    <button class="expand_btn close_btn">
                                        <span><i class="iconfont icon-sanjiaoshang"></i></span>
                                        <span>收起</span>
                                    </button>
                                </div> -->
                                <!-- 职位详细介绍 -->
                                <!-- <div class="info_detailed_introduction">
                                    <div class="detailed_introduction_container"> -->
                                        <!-- 职位描述 -->
                                        <!-- <div class="job_description"> -->
                                            <!-- <p>职位描述</p>
                                            <div class="job_description_content">
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                                aaa<br>
                                            </div>
                                        </div> -->
                                        <!-- 投递收藏块 -->
                                        <!-- <div class="ribbon">
                                            <button class="send_btn">我要投递</button>
                                            <div class="collection">
                                                <span><i class="iconfont icon-shoucang"></i></span>
                                                <span>收藏</span>
                                            </div>
                                        </div> -->
                                    <!-- </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                    <!-- 底部页码 -->
                    <div class="job_block_pagination">
                        <ul>
                            <!-- <li>
                                <button class="pagination_left_btn">
                                    <span>
                                        <i class="iconfont icon-zuojiantou"></i>
                                    </span>
                                </button>
                            </li>
                            <li><a href="#" class="pageNum">1</a></li>
                            <li><a href="#" class="pageNum"><i class="iconfont icon-a-gengduohengxiang"></i></a></li>
                            <li><a href="#" class="pageNum">3</a></li>
                            <li><a href="#" class="pageNum">4</a></li>
                            <li><a href="#" class="active">5</a></li>
                            <li><a href="#" class="pageNum">6</a></li>
                            <li><a href="#" class="pageNum">7</a></li>
                            <li><a href="#" class="pageNum"><i class="iconfont icon-a-gengduohengxiang"></i></a></li>
                            <li><a href="#" class="pageNum">20</a></li>
                            <li>
                                <button class="pagination_right_btn">
                                    <span>
                                        <i class="iconfont icon-youjiantou"></i>
                                    </span>
                                </button>
                            </li> -->
                        </ul>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="footer_top">
                <div class="footer_top_content">
                    <div class="footer_top_address">
                        <h2>总部地址</h2>
                        <p>中国杭州市西湖区</p>
                        <p>西溪路569号蚂蚁A空间</p>
                    </div>
                    <div class="footer_top_consult">
                        <h2>招聘咨询</h2>
                        <p>如需咨询招聘相关事宜</p>
                        <p>请拨打电话: <span>0571-28280505</span></p>
                    </div>
                    <div class="footer_top_aboutUs">
                        <h2>关注我们</h2>
                        <div class="aboutUs_iconGroup">
                            <div class="aboutUs_iconItem wechat">
                                <img src="https://gw.alipayobjects.com/zos/bmw-prod/608d73fa-22df-4ad3-9481-3aae5bb8f280.svg">
                            </div>
                            <div class="wechat_QR_code">
                                <img src="../images/Index/wechat.png" alt="">
                            </div>
                            <div class="aboutUs_iconItem weibo">
                                <img src="https://gw.alipayobjects.com/zos/bmw-prod/06f3a9b9-6425-48b3-9199-bb6c1c310579.svg">
                            </div>
                            <div class="weibo_QR_code">
                                <img src="../images/Index/weibo.png" alt="">
                            </div>
                            <div class="aboutUs_iconItem maimai">
                                <img src="https://gw.alipayobjects.com/zos/bmw-prod/cf41bda7-f529-4b34-8463-15147f7d9cad.svg">
                            </div>
                            <div class="maimai_QR_code">
                                <img src="../images/Index/maimai.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
                <p>
                    经营许可证编号: 合字B2-20190048
                </p>
                <p>
                    ICP备案: 浙B2-20100257-3
                </p>
                <p>
                    Copyright &copy; 2022 蚂蚁科技集团股份有限公司
                </p>
            </div>
        </footer>
        <div class="backTop"></div>
        <script type="module" src="../js/search.js"></script>
        <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"> </script>
    </div>
</body>
</html>